<!--
 * @Author: Soulmate
 * @Date: 2023-09-14 09:10:40
 * @LastEditTime: 2023-09-14 14:53:51
 * @LastEditors: Soulmate
 * @Description: 
 * @FilePath: \ruoyi-ui-vue3\src\components\navbarIcon\index.vue
 * 版权声明
-->
<template>
    <div class="header-icon">
        <svg-icon :style="`font-size: ${props.size}`" class="svg-icon" :class-name="props.className" :icon-class="props.iconClass" @click="eventClick" />
    </div>
</template>

<script setup lang="ts">
const emit = defineEmits(['iconParentEvent']);
const props = defineProps({
    className: String,
    iconClass: String,
    size: Number,
});
const eventClick = () => {
    emit('iconParentEvent', {});
};
</script>

<style lang="scss" scoped>
.header-icon {
    font-size: 0 !important;
    width: 30px;
    text-align: center;

    .svg-icon {
        cursor: pointer;
        font-size: 18px;
        vertical-align: middle;
    }
}
</style>
